<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- 网站主题 -->
    <meta name="subject" content="Seaguller的博客网站">
    <!-- 页面关键词 -->
    <meta name="keywords" content="web, 后端, spring boot, spring, java, 博客, 学习, 程序员, 编程, 关于">
    <!-- 页面描述内容 -->
    <meta name="description" content="Seaguller的博客小站“关于”页~">
    <!-- 移动端优化 -->
    <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <title>Seaguller的小窝~</title>
    <link rel="icon" href="https://seaguller.oss-cn-beijing.aliyuncs.com/static/myIcon.ico" type="image/x-icon"/>

    <link href="https://cdn.bootcss.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link href="../static/css/main.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://dreamsky.github.io/main/blog/common/init.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/live2d.css" />
    <link href="../static/css/article.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../static/css/aboutMe.css">

</head>
<body>
<div id="main-class-text">
    <!-- 主页大图 -->
    <div id="table-picture" style="background-image: url('https://seaguller.oss-cn-beijing.aliyuncs.com/static/bk-1.jpg')"></div>
    <!-- 标题栏 -->
    <div class="head-one">
        <header class="am-topbar am-topbar-inverse am-topbar-fixed-top">
            <div class="am-container">
                <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-4">
                    <ul class="am-nav am-nav-pills am-topbar-nav">
                        <a id="header-text" href="/">Seaguller的小窝~</a>
                        <li id="li-main">
                            <a href="/" class="header-a-main" id="header-a-main-one">
                                <span class="am-icon-home">&nbsp;首&nbsp;&nbsp;页</span>
                            </a>
                        </li>
                        <li id="li-archive"><a href="/archive" class="header-a-main" id="header-a-main-archive"><span class="am-icon-archive">&nbsp;归&nbsp;&nbsp;档</span></a></li>
                        <li id="li-update"><a href="/update" class="header-a-main" id="header-a-main-update"><span class="am-icon-calendar-plus-o">&nbsp;更&nbsp;&nbsp;新</span></a></li>
                        <li id="li-music"><a href="/music" class="header-a-main" id="header-a-main-music"><span class="am-icon-music">&nbsp;音乐馆</span></a></li>
                        <li id="li-message"><a href="/messageBoard" class="header-a-main" id="header-a-main-message"><span class="am-icon-pencil">&nbsp;留言板</span></a></li>
                        <li id="li-friends"><a href="/friends" class="header-a-main" id="header-a-main-friends"><span class="am-icon-mars">&nbsp;友&nbsp;&nbsp;链</span></a></li>
                        <li class="am-active" id="li-aboutMe"><a href="/aboutMe" class="header-a-main" id="header-a-main-aboutMe"><span class="am-icon-paper-plane-o">&nbsp;关于俺</span></a></li>
                    </ul>
                    <div class="am-btn-group login-button-head"  th:unless="${#httpServletRequest.remoteUser}">
                        <div class="am-dropdown" data-am-dropdown>
                            <button class="am-btn am-dropdown-toggle login-button" data-am-dropdown-toggle> <span class="am-icon-user login-icon"></span></button>
                            <ul class="am-dropdown-content login-content">
                                <li><a href="/login" class="login-content-a"><span class="am-icon-leaf">&nbsp;&nbsp;&nbsp;登录</span></a></li>
                                <li><a href="/register" class="login-content-a"><span class="am-icon-user-plus">&nbsp;&nbsp;&nbsp;注册</span></a></li>
                                <li><a class="login-content-a doc-prompt-toggle"><span class="am-icon-bug">&nbsp;&nbsp;&nbsp;反馈</span></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="am-btn-group login-button-head"  th:if="${#httpServletRequest.remoteUser}">
                        <div class="am-dropdown" data-am-dropdown id="login-sign-drop">
                            <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle" data-am-dropdown-toggle id="login-sign-name">
                                <span id="login-user-name"></span>
                                <span class="am-icon-caret-down"></span>
                            </button>
                            <ul class="am-dropdown-content login-content login-content-b" id="login-content-ul">
                                <li><a href="/user" class="login-content-a"><span class="am-icon-leaf">&nbsp;&nbsp;&nbsp;个人中心</span></a></li>
                                <li sec:authorize="hasAnyRole('ROLE_ADMIN')"><a href="/admin" class="login-content-a"><span class="am-icon-cog">&nbsp;&nbsp;&nbsp;管理中心</span></a></li>
                                <li><a class="login-content-a doc-prompt-toggle"><span class="am-icon-bug">&nbsp;&nbsp;&nbsp;反&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;馈</span></a></li>
                                <hr id="log-hr"/>
                                <li><a href="/logout" class="login-content-a"><span class="am-icon-sign-out">&nbsp;&nbsp;&nbsp;退出登录</span></a></li>
                            </ul>
                        </div>
                        <button class="am-btn" id="login-button-circle" sec:authorize="hasAnyRole('ROLE_ADMIN')"><span id="login-button-write">写</span></button>
                    </div>
                </div>
            </div>

            <!-- 手机端适配小标题 -->
            <div class="am-container-two" style="display: none">
                <div class="am-btn-group login-button-head login-button-head-phone"  th:unless="${#httpServletRequest.remoteUser}">
                    <div class="am-dropdown" data-am-dropdown>
                        <button class="am-btn am-dropdown-toggle login-button" data-am-dropdown-toggle> <span class="am-icon-user login-icon"></span></button>
                        <ul class="am-dropdown-content login-content">
                            <li><a href="/login" class="login-content-a"><span class="am-icon-leaf">&nbsp;&nbsp;&nbsp;登录</span></a></li>
                            <li><a href="/register" class="login-content-a"><span class="am-icon-user-plus">&nbsp;&nbsp;&nbsp;注册</span></a></li>
                            <li><a class="login-content-a doc-prompt-toggle"><span class="am-icon-bug">&nbsp;&nbsp;&nbsp;反馈</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="am-btn-group login-button-head"  th:if="${#httpServletRequest.remoteUser}">
                    <div class="am-dropdown" data-am-dropdown>
                        <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle" data-am-dropdown-toggle id="login-sign-name-phone">
                            <span id="login-user-name-phone"></span>
                            <span class="am-icon-caret-down"></span>
                        </button>
                        <ul class="am-dropdown-content login-content login-content-b" id="login-content-ul-phone">
                            <li><a href="/user" class="login-content-a"><span class="am-icon-leaf">&nbsp;&nbsp;&nbsp;个人中心</span></a></li>
                            <li sec:authorize="hasAnyRole('ROLE_ADMIN')"><a href="/admin" class="login-content-a"><span class="am-icon-cog">&nbsp;&nbsp;&nbsp;管理中心</span></a></li>
                            <li><a class="login-content-a doc-prompt-toggle"><span class="am-icon-bug">&nbsp;&nbsp;&nbsp;反&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;馈</span></a></li>
                            <hr />
                            <li><a href="/logout" class="login-content-a"><span class="am-icon-sign-out">&nbsp;&nbsp;&nbsp;退出登录</span></a></li>
                        </ul>
                    </div>
                </div>

                <div class="phone-title-text">
                    Seaguller的小窝
                </div>

                <div>
                    <button id="phone-title-button" class="am-topbar-btn am-btn am-btn-sm am-btn-primary" data-am-offcanvas="{target: '#offcanvasId'}"><span class="am-icon-bars"></span></button>
                </div>

            </div>

        </header>
    </div>

    <!-- 手机端标题侧边栏 -->
    <div id="offcanvasId" class="am-offcanvas">
        <div class="am-offcanvas-bar">
            <div class="am-offcanvas-content">
                <ul class="am-menu-nav am-avg-sm-1">
                    <li class="phone-offcanvas-title-t">帅气的标题栏</li>
                    <li class="phone-offcanvas-title">
                        <a href="/" class="header-a-main">
                            <span class="am-icon-home">&nbsp;首&nbsp;&nbsp;页</span>
                        </a>
                    </li>
                    <li class="phone-offcanvas-title"><a href="/archive" class="header-a-main" ><span class="am-icon-archive">&nbsp;归&nbsp;&nbsp;档</span></a></li>
                    <li class="phone-offcanvas-title"><a href="/update" class="header-a-main" ><span class="am-icon-calendar-plus-o">&nbsp;更&nbsp;&nbsp;新</span></a></li>
                    <li class="phone-offcanvas-title"><a href="/music" class="header-a-main" ><span class="am-icon-music">&nbsp;音乐馆</span></a></li>
                    <li class="phone-offcanvas-title"><a href="/messageBoard" class="header-a-main" ><span class="am-icon-pencil">&nbsp;留言板</span></a></li>
                    <li class="phone-offcanvas-title"><a href="/friends" class="header-a-main" ><span class="am-icon-mars">&nbsp;友&nbsp;&nbsp;链</span></a></li>
                    <li class="phone-offcanvas-title"><a href="/aboutMe" class="header-a-main" ><span class="am-icon-paper-plane-o">&nbsp;关于俺</span></a></li>

                </ul>

            </div>
        </div>
    </div>

    <!-- 反馈窗口 -->
    <div class="am-modal am-modal-prompt " tabindex="-1" id="my-prompt">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">反馈</div>
            <div class="am-modal-bd">
                你有什么要悄悄告诉我滴吗！(`・ω・´)
                <textarea maxlength="1000" id="feedback-text" style="resize:none;" class="am-modal-prompt-input private-conversation" placeholder="请填写您对本站的建议或者私下要对小弟说滴话~"></textarea>
                <br/>
                <textarea maxlength="50" style="resize:none;" id="feedback-contact" class="am-modal-prompt-input private-conversation-two" placeholder="方便留下您的联系方式咩？（选填）"></textarea>
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" id="feedback-submit" data-am-modal-confirm>提交</span>
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            </div>


        </div>
    </div>
    <!-- 文字喵 -->
    <h1 id="headline" class="head-picture-font" >喵&nbsp;呜~&nbsp;喵&nbsp;帕&nbsp;斯~！</h1>
    <!-- 旋转小陀螺头像 -->
    <div class="head-sculpture"><img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/maoer.gif" class="header-img-one"/></div>
    <!-- 指定页面跳转位置 -->
    <div id="turn-head"></div>
    <!-- 小名片（随页面滚动的哦） -->
    <div class="main-right am-show-lg-only" id="main-right-div">

        <!-- 名片目录，点进文章的时候再加进去 -->
        <div id="right-catalog-div"></div>

        <div id="main-right-text">
            <div class="card-head">
                <div class="card-my-head">
                    <div class="head-card-img-div">
                        <div class="card-head-left-img">
                            <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/headImg/cc5d76e15a0144f4ba911ca27889e88c.jpeg" id="head-card-img"/>
                        </div>
                    </div>
                    <div class="card-head-right-word">
                        <h1 id="head-card-right-h">Seaguller</h1>
                        <small class="card-head-right-writing">如果你自己都放弃自己了，还有谁会救你？</small>
                    </div>
                </div>
            </div>
            <div class="card-middle">
                扣扣~：1656299466<br/>
                微信~：xy554322260
            </div>
            <hr id="hr-one"/>
            <div id="icons">
                <ul class="am-nav am-nav-pills">
                    <li><a target="_blank" href="https://github.com/cn-stdio" class="card-icons"><i class="fa fa-github" title="活跃不起来滴小github~"></i></a></li>
                    <li><a target="_blank" href="https://gitee.com/Seaguller" class="card-icons"><i class="fa fa-gg" title="码码码码码云~"></i></a></li>
                    <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1656299466&site=qq&menu=yes" class="card-icons"><i class="fa fa-qq" title="点击QQ联系俺~"></i></a></li>
                    <li><a href="javascript:void(0);" class="card-icons"><i class="fa fa-weixin">
                    </i></a>
                        <div class="card-weixin-divout">
                            <div class="card-weixin-divin"></div>
                            <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/weixin.gif" id="weixin-img"/>
                        </div>
                    </li>
                    <li><a target="_blank" href="https://weibo.com/p/1005053269816883" class="card-icons"><i class="fa fa-weibo" title="基本不碰的小微博~"></i></a></li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 标签云（未完成） -->
    <div class="main-right-down"></div>
    <!-- 主体内容 -->
    <div id="art-list">
        <div class="aboutMe-list">
            <div><img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/aboutMe.jpg" id="aboutMe-title-img"/></div>
            <div class="aboutMe-title-text">
                <span class="am-icon-hand-o-right"></span>
                <div>碎碎念</div>
            </div>
            <div class="aboutMe-main-text">
                <p>一个普通的程序员，嗯…没错，这就是我对自己的定位…</p>
                <p>苹果创始人乔布斯先生曾说过：把每一天当作生命的最后一天来过。</p>
                <p>嗯…那岂不是可以天天泡在零食与可乐的海洋里，哇，怪不得乔布斯先生每天过的那么幸福，嘻嘻嘻（彻底没救了，捂脸ing...</p>
                <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/wulian.jpg" class="aboutMe-main-img" id="aboutMe-title-img-first"/>
                <p>懒惰真的是最大的原罪，它可以让一个人心安理得的享受安逸的生活却不付出丝毫，却不知享受安逸生活的本身就是最大的付出…</p>
                <p>付出与收获从不是对等的，我认同这个观点，因为你的付出只有你自己看得见，而收获却是每个人都察觉的到的。</p>
                <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/chuichui.jpg" class="aboutMe-main-img" id="aboutMe-title-img-second"/>
                <p>我从未想过要成为什么样什么样的伟人，我只是一个普通人，普通的因为他人无意的一句赞赏就会沾沾自喜，普通的因为他人的一句谎言而伤心良久，普通的想让自己周围的人变得更快乐，普通的想让自己每天过的更快乐，普通的笑着面对这个普通的世界。</p>
                <p>我最理想的生活是坐在落地窗前，喝着咖啡，撸着怀里的猫，让阳光洒满全身，在猫疯狂抱怨怎么还不开饭的时候对着窗外傻笑，嘻嘻嘻…</p>
                <p>我无法改变这个世界，但我至少可以改变我自己；我无法确定我以后的生活是什么模样，但我起码可以确定我想要什么样的生活，可以确定为了达成这个目标我现在该如何去做。</p>
                <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/miao.gif" class="aboutMe-main-img" id="aboutMe-title-img-third"/>
            </div>
            <div class="aboutMe-main-text" style="margin-top: 40px;">
                <div class="aboutMe-main-text-like">
                    <span class="am-icon-star-o text-star"></span>
                    <p>喜欢音乐，因为音乐可以让我变得更安静…</p>
                </div>
                <div class="aboutMe-main-text-like">
                    <span class="am-icon-star-o text-star"></span>
                    <p>喜欢电影，emm…因为看电影可以吃爆米花！（不接受反驳！没有电影的爆米花不叫爆米花！）</p>
                </div>
                <div class="aboutMe-main-text-like">
                    <span class="am-icon-star-o text-star"></span>
                    <p>喜欢看书，各种各样的书，从历史到科幻到哲学到军事到言情等等等等，这就是好奇心太旺盛的下场！什么都想知道为什么唔…</p>
                </div>
                <div class="aboutMe-main-text-like">
                    <span class="am-icon-star-o text-star"></span>
                    <p>喜欢旅游，从不计划行程，往往是突如其来的想法，于是背着包就出发~</p>
                </div>
                <div class="aboutMe-main-text-like">
                    <span class="am-icon-star-o text-star"></span>
                    <p>喜欢游戏，只是单纯因为游戏能带给我很多快乐甚至让我知道很多知识，而且我一直觉得，游戏打的好的人干什么都会很优秀（没错就是我，快夸我快夸我）</p>
                </div>
                <div>
                    <p>痴迷于编程，当时老爹问我大学怎么规划的时候，想也不想的说：我要学编程！</p>
                    <p>喜欢电脑，于是想要了解电脑的原理，喜欢看着一个个功能从我手中实现，喜欢研究各种逻辑性强的东西。</p>
                    <p>我认为敲代码本来就是一件享受的事情，它会让一个人变得很放松，变得更加专注，变得更加安静，变得更加理性（虽然我本身是一个很感性的人，嘻嘻嘻）</p>
                    <p>与整个世界仿若隔绝的静谧，可以让一个人思考的更加深入，这种说不清的感觉就像烟瘾一样（虽然我没抽过烟，但看我老爹，emm...烟瘾应该是一个很大的瘾叭！），让我可以不断沉淀，沉淀，再沉淀…（然后睡着了雾…</p>
                </div>
            </div>
            <div class="aboutMe-title-text" style="margin-top: 40px;">
                <span class="am-icon-hand-o-right"></span>
                <div>乱折腾</div>
            </div>
            <div class="aboutMe-main-text">
                <p>至于为什么自学了前端死乞白赖的要搭建自己的博客网站出来，因为想听你们夸我鸭！以前你们夸我都没有一个专门的地方，只能在私下里偷偷的夸，这样我听不到，就不会沾沾自喜，于是我的博客小站就出炉啦！这样你们就有了一个专门夸我的地方，怎么样，是叭是很棒！耶！</p>
                <p>嘛，有个能记录自己学习与成长的地方，感觉就像自己的小窝一样~</p>
                <p>一点点的调界面，调后端，调接口，看着一个个功能逐渐实现，真的是一件很有成就感的事呢。</p>
                <p>看着博客从一个白板变成了有着漂亮界面的网站（就是漂亮！我写的页面没一个丑的！超凶！rua！）</p>
                <p>看着自己每天的进步，解决了一个又一个的BUG，为此由衷的感到喜悦。</p>
                <p>每完成一个页面，做出一个功能都会对着电脑傻笑半天，我想，这就是热爱叭！</p>
                <p>我喜欢敲代码的感觉，就像喜欢薯片和可乐一样，我不想成为他人眼中的技术大牛，我只想成为我自己的骄傲，给自己一份交代。</p>
                <p>我知道现在的我还远远不够，但或许，下一秒的我，会够上那么一点点呢？以后的事，谁又能说得清。</p>
                <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/chong.jpg" class="aboutMe-main-img2"/>
            </div>
            <div class="aboutMe-title-text" style="margin-top: 40px;">
                <span class="am-icon-hand-o-right"></span>
                <div>最&nbsp;&nbsp;&nbsp;后</div>
            </div>
            <div class="aboutMe-main-text">
                <p>大家对本博客有什么意见或者可改进的地方，哪里出了BUG之类的，都可以通过右上角的"反馈"反馈给我~（或者在留言板上给我留言）</p>
                <p>我一定会不闻不…哦不，积极改进的！嘻嘻嘻~</p>
                <p>另外，如果对本人有意见的，请拿零食砸死我叭！</p>
                <img src="http://seaguller.oss-cn-beijing.aliyuncs.com/static/aboutMe/mm.jpg" class="aboutMe-main-img3"/>
            </div>
        </div>
    </div>

    <div class="main-left-double  am-show-lg-only">
        <i class="fa fa-quote-left" style="float: left"></i><br/>
        <div class="main-left-text">
            <p>你一直说自己没努力</p>
            <p>那你努力100%试一下啊</p>
            <p>你的天空你不想飞一下吗？</p>
        </div>
        <i class="fa fa-quote-right" style="float: right; margin-right: 10px; margin-top: 10px"></i>
    </div>
    <div class="main-left  am-show-lg-only">
        <i class="fa fa-quote-left" style="float: left"></i><br/>
        <div class="main-left-text">
            <p id="left-pp">你应该要学着做你自己</p>
            <p>面对真实的自我</p>
            <p>只要做到这一点</p>
            <p>你就什么都不用惧怕</p>
            <p id="left-pp-last">--- 《猫的报恩》</p>
        </div>
        <i class="fa fa-quote-right" style="float: right"></i>
        <div class="main-left-last-text">
            <div id="main-left-last-text-one">无论夜晚多么黑暗，</div>
            <div id="main-left-last-text-two">黎明总会如约而至。</div>
        </div>
    </div>
    <div id="landlord" style="left:5px;bottom:0px;">
        <div class="message" style="opacity:0"></div>
        <canvas id="live2d" width="500" height="560" class="live2d"></canvas>
        <div class="live_talk_input_body">
            <div class="live_talk_input_name_body">
                <input name="name" type="text" class="live_talk_name white_input" id="AIuserName" autocomplete="off" placeholder="你的名字" />
            </div>
            <div class="live_talk_input_text_body">
                <input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀？"/>
                <button type="button" class="live_talk_send_btn" id="talk_send">发送</button>
            </div>
        </div>
        <input name="live_talk" id="live_talk" value="1" type="hidden" />
        <div class="live_ico_box">
            <div class="live_ico_item type_info" id="showInfoBtn"></div>
            <div class="live_ico_item type_talk" id="showTalkBtn"></div>
            <div class="live_ico_item type_music" id="musicButton"></div>
            <div class="live_ico_item type_youdu" id="youduButton"></div>
            <div class="live_ico_item type_quit" id="hideButton"></div>
            <input name="live_statu_val" id="live_statu_val" value="0" type="hidden" />
            <audio src="" style="display:none;" id="live2d_bgm" data-bgm="0" preload="none"></audio>
            <input name="live2dBGM" value="https://t1.aixinxi.net/o_1c52p4qbp15idv6bl55h381moha.mp3" type="hidden">
            <input name="live2dBGM" value="https://t1.aixinxi.net/o_1c52p8frrlmf1aled1e14m56una.mp3" type="hidden">
            <input id="duType" value="douqilai" type="hidden">
        </div>
    </div>
    <div id="open_live2d">召唤伊斯特瓦尔</div>
</div>
<footer id="footer" class="footer">
    <hr/>
    <div>
        <p>嘀嗒~ 嘀嗒~ 小博客自破壳起已经运行&nbsp;&nbsp;<span id="clock"></span>&nbsp;&nbsp;啦！</p>
        <p>© 2019-2020 Seaguller - <i class="fa fa-heart throb" style="color:#d43f57"></i> 高博宇 版权所有</p>
        <p>冀ICP备19012050号</p>
    </div>
</footer>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>


<!-- 标题栏浮动隐藏JS -->
<script type="text/javascript" src="https://npmcdn.com/headroom.js@0.9.3/dist/headroom.min.js"></script>
<!-- 字体阴影特效 -->
<script type="text/javascript" src="../static/js/shine.min.js"></script>
<!-- 主页JS -->
<script src="../static/js/main.js" type="text/javascript"></script>
<script src="../static/js/aboutMe.js" type="text/javascript"></script>
<!-- 背景线条 -->
<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>　

<!-- live2D -->
    <script>
        var message_Path = 'https://seaguller.oss-cn-beijing.aliyuncs.com/static/live2D/';
        var talkAPI = "/live2d";
    </script>
    <script type="text/javascript" src="https://seaguller.oss-cn-beijing.aliyuncs.com/static/live2D/js/live2d.js"></script>
    <script type="text/javascript" src="../static/live2d/js/message.js"></script>
<script type="text/javascript">
    /* 微信翻转 */
    $(".fa-weixin").mouseover(function () {
        $(".card-weixin-divout").css("display", "block");
        $(".card-weixin-divin").css("display", "block");
        $("#weixin-img").css("display", "block");
    });
    $(".fa-weixin").mouseout(function () {
        $(".card-weixin-divout").css("display", "none");
        $(".card-weixin-divin").css("display", "none");
        $("#weixin-img").css("display", "none");
    });
</script>

<!-- 定时 -->
<script type="text/javascript">
    /* 尾部定时 */
    var int = self.setInterval("clock()", 1000);
    function clock()
    {
        var nowDay = new Date();
        var localDay = new Date("2019-04-20 00:00:00");
        var time = parseInt((nowDay.getTime()-localDay.getTime())/1000);
        /*
                var runTimeDate = new Date(parseInt(time));
                var runTime = runTimeDate.getDay() + "天" + runTimeDate.getHours() + "小时" + runTimeDate.getMinutes() + "分" + runTimeDate.getSeconds() + "秒";
        */
        var min = parseInt(time/60);
        var hour = parseInt(time/60/60);
        var day = parseInt(time/60/60/24);

        var runTime = "0";
        if(min == 0) {
            runTime = time + "秒";
        } else if(hour == 0) {
            runTime = min + "分" + (time-min*60) + "秒";
        } else if(day == 0) {
            var mh = min-hour*60;
            runTime = hour + "时" + mh + "分" + (time-hour*3600-mh*60) + "秒"
        } else {
            var hd = hour - day*24;
            var mh = min - day*24*60 - hd*60;
            runTime = day + "天" + hd + "时" + mh + "分" + (time-day*24*3600-hd*3600-mh*60) + "秒";
        }

        $("#clock").html(runTime);
    }
</script>

<!-- 反馈弹窗 -->
<script type="text/javascript">
    $(function() {
        $('.doc-prompt-toggle').on('click', function() {
            $("#feedback-text").val("");
            $('#my-prompt').modal({
                relatedTarget: this
            });
        });
    });
</script>
</body>
</html>